<template>
	<view class="page-container">
		<!-- 顶部栏 -->
		<!-- <top-bar title="活动中心" @click="goBack"></top-bar> -->
		<image :src="image" style="width:100%;margin-left: 0%;"></image>
		<view class="activity-list">
			
			<view v-for="(activity, index) in activities" :key="index">
				<view class="activity-item" @click="goToActivityDetail(activity)">
					
					<view class="activity-content">
						<text class="activity-title">{{ activity.title }}</text>
						<text class="activity-subtitle">{{ activity.introduce }}</text>
						<view class="activity-meta">
							<text class="activity-views">剩余：{{ activity.stock }}</text>
							<text class="activity-date">
								
								到期时间：
								{{ formatMessageTime(activity.expireTime) }}
								</text>
						</view>
					</view>
				</view>
				<!-- 分隔线作为活动项的同级元素 -->
				<view v-if="index !== activities.length - 1" class="divider"></view>
			</view>
		</view>
	</view>
</template>

<script>
	import topBar from '@/components/top-bar/top-bar.vue';
	import dayjs from 'dayjs';
	import 'dayjs/locale/zh-cn'; // 引入中文语言包
	dayjs.locale('zh-cn'); // 设置 dayjs 使用中文语言包
	export default {
		data() {
			return {
				image: '/static/活动详情页面图片/活动详情1.png',
				activities: [
					// {
					// 	title: '这里是活动标题',
					// 	subtitle: '这里是活动的内容描述...',
					// 	date: '2022-02-20',
					// 	views: 275, // 浏览量
					// 	image: '/static/活动中心图片/活动1.jpg', // 修改为实际图片路径
					// },
					// {
					// 	title: '这里是活动标题',
					// 	subtitle: '这里是活动的内容描述...',
					// 	date: '2022-02-20',
					// 	views: 275, // 浏览量
					// 	image: '/static/活动中心图片/活动1.jpg', // 修改为实际图片路径
					// },
					// {
					// 	title: '这里是活动标题',
					// 	subtitle: '这里是活动的内容描述...',
					// 	date: '2022-02-20',
					// 	views: 275, // 浏览量
					// 	image: '/static/活动中心图片/活动1.jpg', // 修改为实际图片路径
					// },
					// ...更多活动对象
				],
			};
		},
		components: {
			topBar
		},
		onLoad() {
			this.getConpon()
		},
		methods: {
			goBack() {
				uni.navigateTo({
					url: '/pages/index/index',
					success: (res) => {}
				});
			},
			goToActivityDetail(activity) {
				console.log("活动详情："+JSON.stringify(activity))
				uni.navigateTo({
					url: '/pages/ActivityDetail/ActivityDetail?activity='+JSON.stringify(activity),
					// query: {
					//     activity: JSON.stringify(activity)
					//   },
					success: (res) => {}
				});
			},
			getConpon(){
				uni.request({
					url:"http://192.168.2.226:8086/business/couponInfo/selectCouponInfo",
					method:"GET",
					success: (res) => {
						if (res.statusCode === 200 && res.data) {
							// 假设返回的数据格式是数组
									this.activities = res.data.data
							
							
						} else {
							// 处理错误情况
							uni.showToast({
								title: '获取数据失败',
								icon: 'none'
							});
						}
					},
					fail: () => {
						uni.showToast({
							title: '请求失败',
							icon: 'none'
						});
					}
					
					
				})
			},
			formatMessageTime(time) {
			  return dayjs(time).format('YYYY-MM-DD HH:mm'); // 只显示日期，不显示星期几
			},
		}
	};
</script>

<style lang="scss" scoped>
	// .imagestyle{
	// 	height:30%;
	// 	width: 80%;
	// 	margin-left: 10%;
	// }
	@import '../../src/assets/scss/活动中心/activities.scss';
	
</style>
